﻿@{
    ViewBag.Title = "UploadSong";
    Layout = "~/Views/Shared/_LayoutPublic.cshtml";
}
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
<link href="../../Styles/Validate/cmxform.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function () {
        $('#uploadfrm').validate({
            rules: {
                file: { required: true },
                songname: { required: true },
                cbxcategory: { required: true },
                cbxcountry: { required: true }
            },
            messages: {
                songname: { required: 'Bạn chưa nhập tên bài hát' },
                file: { required: 'Chọn bài hát bạn muốn upload' },
                cbxcategory: { required: 'Bạn chưa chọn thể loại bài hát' },
                cbxcountry: {required: 'Bạn chưa chọn quốc gia'}
            }
        });
    });
</script>
<style type="text/css">
 #upload-content
 {
     width:700px;
     height:auto;
     margin:0 auto;
     padding:0;
     margin-left:150px;
    
     }
#upload-content fieldset
{
    border: 1px solid silver;
    }
.button-sub
{
	border:1px solid silver;
	padding:5px;	
	}
.button-sub:hover
{
	border:1px solid #A86500;
	}
#file {
	
	font-size: small;
	top: -5px;
	right: -5px;
	
}
.button-up
{
    margin-top:10px;
    }
select
{
    width:170px;
    }
    
input[type=text]
{
     width: 250px;
    }
.color-red
{
    color:Red;
    }
</style>
<script type="text/javascript">
   function onBegin()
        {
            $("#divLoading").html('<image src="../Content/ajax-loader.gif"' +
			 'alt="Loading, please wait" />');
        }
        function onComplete()
        {
            $("#divLoading").html("");
        }
        function onSuccess(context)
        {
            var d = new Date();
            var day = d.getDate();
            var month = d.getMonth() + 1;
            var year = d.getFullYear();
            $("#divLoading").html("Live rates at " + day + "." +
		month + "." + year + " " + d.getHours() + ":" +
		d.getMinutes() + ":" + d.getSeconds());
        }   
 ​</script>

<form id="uploadfrm" method="post" action="/upload/uploadfile" enctype="multipart/form-data">
    <div id="upload-content"> 
    <div style="height:30px"></div>
        <fieldset>
            <legend style="font-size:16px; font-weight:bold">Upload Bài Hát</legend>
            <hr />
                <h3 class="title">Thông tin bài nhạc</h3>               
              <table>
                <tr>
                    <td>Tên bài nhạc<span class="color-red">*</span></td>
                    <td><input type="text" id="songname" name="songname" /></td>
                </tr>
                <tr>
                    <td>Tên ca sĩ</td>
                    <td><input type="text" id="singername" name="singername" /></td>
                </tr>
                <tr>
                    <td>Nhạc sĩ</td>
                    <td><input type="text" id="musicianname" name="musicianname" /></td>
                </tr>
                <tr>
                    <td>Thể loại</td>
                    <td>
                         <select id="cbxcategory" name="cbxcategory">
                        <option value=""></option>
                        @foreach (ListenMusic.Category_ServiceReference.Category cc in ViewBag.allCategory)
                        { 
                            <option value="@cc.CategoryID">@cc.CategoryName</option>
                        }
                    </select>
                    </td>
                </tr> 
                <tr>
                    <td>Quốc gia</td>
                    <td>
                        <select id="cbxcountry" name="cbxcountry">
                        <option value=""></option>
                        @foreach (ListenMusic.Country_ServiceReference.Country ct in ViewBag.allCountry)
                        { 
                            <option value="@ct.CountryID">@ct.CountryName</option>
                        }
                        <option value="3">Quốc gia khác</option>
                    </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><input type="file" id="file" name="file" /></td>
                </tr>                               
              </table>                  
                <div style="width:700px; margin:auto; text-align:center">
                    @if (Session["user"] != null)
                    {
                        <input type="submit" class="button-sub" name="upload" value="Tải Lên" />
                    }
                    else
                    {  
                        <a href="#login-box" class="button-sub   login-window">Tải Lên</a>                        
                    }
                </div>
              <hr />
              <h3 class="title">Quy định Upload</h3>
            <div style="background-color:#FF8E51; padding:3px; font-family:Tahoma, Arial,Sans-Serif">                
                <p>1. Tài khoản đã được kích hoạt và đăng nhập thành công.</p>
                <p>2. File upload không quá <strong>60MB</strong>.</p>
                <p>3. Định dạng file upload: <strong>wma, wmv, mp3, mp4, flv, mpeg, mpg, mpe, avi</strong>.</p>
                <p>4. Bit rate từ <strong>128kbs</strong> trở lên.</p>
                <p>5. Bài hát đăng tải vi phạm nội dung cấm trong <strong>Thỏa thuận sử dụng</strong> sẽ bị xóa khỏi hệ thống và tài khoản bị khóa vĩnh viễn.</p>
                <p>6. Bài hát đăng tải bị trùng với bài hát đã có trên <strong>www.musicflows.com</strong> sẽ bị xóa một cách tự động.</p>
            </div>            
        </fieldset>             
           <div style="height:30px"></div>
     </div>
</form>
<div id="divLoading"></div>
